<template>
  <div id="jsln">
    <div class="tit">
      <h2>建设理念</h2>
      <div class="empty-box"></div>
      <p>一诺万金智慧园区让园区更安全、管理更高效、服务更便捷</p>
    </div>
    <div class="con">
      <div class="top-box">
        <div class="top-left">
          <h2>生态化</h2>
          <p>通过产业生态构建与园区大数据沉淀，打通产业链，完善服务链，提升招商、产品营销等服务能力，进而创造经济效益的最大化</p>
        </div>
        <div class="img-box">
          <img src="https://www.1nuoyun.com/uploadfile/2021/09/24/20210924184510G8h2yT.png" alt="">
        </div>
        <div class="top-right">
          <h2>智能化</h2>
          <p>建设园区智能化基础设施，利用5G，IOT，大数据，云计算等技术与设备，优化园区基础建设，实现园区智能化管理</p>
        </div>
      </div>
      <div class="bot-box">
        <h2>数字化</h2>
        <p>以园区运营方为中心，通过平台与应用连接政府、企业、公众，实现园区数字化运营管理</p>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "Jsln",
  } 
</script>

<style lang="scss" scoped>

  @import "assets/scss/public";

  #jsln {
    width: 62.5%;
    margin: 4rem auto;
    .tit {
      .empty-box {
        background: linear-gradient(90deg, #2f6bee, #009fff);
      }
    }
    .con {
      box-shadow: 0 0 1rem #f5f5f5;
      padding: 4rem;
      .top-box {
        display: flex;
        justify-content: space-between;
        .top-left,
        .top-right {
          h2 {
            font-size: 2.4rem;
            font-weight: 1000;
            color: #1890ff;
            margin-bottom: 1.6rem;
          }
          p {
            font-size: 1.6rem;
            color: #666;
            text-align: justify;
          }
        }
        .img-box {
          img {
            width: 48rem;
          }
        }
      }
      .bot-box {
        text-align: center;
        h2 {
          font-size: 2.4rem;
          font-weight: 1000;
          color: #1890ff;
          margin-bottom: 1.6rem;
        }
        p {
          font-size: 1.6rem;
          color: #666;
        }
      }
    }
    .con:hover {
      transition-duration: 0.3s;
      transform: translateY(-0.5rem);
    }
  }

</style>